<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Json 轮播 - Xui Demo</title>
	<!-- demo -->
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../demo_data.js"></script>
	
	<!-- xui -->
	<link rel="stylesheet" type="text/css" href="../../xui.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../xui.js"></script>
	
	<!-- xslider -->
	<script type="text/javascript">
		$(function(){
			var xslider = $("#xslider").xslider({
				width:'80%',				//宽度默认为100%
				xdata:$xdata_xslider		//静态数据
				//url:"$xdata_xslider"		//后台返回数据格式参考 $xdata_xslider
			});
		})
	</script>
</head>
<body>
	<h2>Json 轮播</h2>
	<div class="xslider" id="xslider"></div>
</body>
</html>